<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title>Tuyển Dụng</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">       
        <link type="text/css" rel="stylesheet" href="css/bootstrap.css" media="all">   
        <link type="text/css" rel="stylesheet" href="css/paschino.css" media="all"> 
    </head>
    <body>

        <div class="container" style="background-image: url('img/body_background.jpg'); padding-bottom: 70px">
            <div class="offset4" >
                <div class="nav" style="margin-right: 40px"> 
                    <div class="menu" >
                        <a class="submenu" href="#">
                            <div class="greenmenu" >
                                <div class=" menutitle ">
                                Trang chủ 
                            </div>
                            </div>
                            
                        </a>
                    </div>
                    <div class="menu">
                        <a class="submenu" href="#">
                            <div class="orangemenu " >
                                 <div class="menutitle"  >
                                Giới thiệu
                            </div>
                            </div>
                           
                        </a> 
                    </div>
                    <div class="menu">
                        <a class="submenu" href="#">
                            <div class="purplemenu" >
                                <div class="menutitle"  >
                                Menu
                            </div>
                            </div>
                            
                        </a> 
                    </div>
                    <div class="menu">
                        <a class="submenu" href="#">
                            <div class="greenmenu" >
                                 <div class="menutitle"  >
                                Tin tức 
                            </div>
                            </div>
                           
                        </a>
                    </div>
                    <div class="menu">
                        <a class="submenu" href="#">
                            <div class="orangemenu" >
                                <div class="menutitle"  >
                                Thư viện
                            </div>
                            </div>
                            
                        </a> 
                    </div>
                    <div class="menu">
                        <a class="submenu" href="#">
                            <div class="purplemenu purplemenuactive" >
                                 <div class="menutitle"  >
                                Tuyển dụng 
                            </div>
                            </div>
                           
                        </a>
                    </div>
                    <div class="menu">
                        <a class="submenu" href="#">
                            <div class="greenmenu" >
                                   <div class="menutitle"  >
                                Liên hệ
                            </div>
                            </div>
                         
                        </a> 
                    </div>
                </div>
            </div>


            <div class="item">

                <img class="logopaschino" src="img/logo_paschino.png">

            </div>


            <div class="row-fluid" style="min-height: 650px; max-height: 2000px">

                <div class="span11" style="background-color: white !important; margin-left: 48px; margin-top: 50px; padding-bottom: 20px" >
                    <div class="controls" >
                        <div class="row-fluid" style="height: 50px; background-color: #6F599C">
                            <label style="font-size: 30px; line-height: 50px; margin-left: 30px; color: white">Tuyển Dụng</label>

                        </div>
                        <div class="row-fluid" style="margin-top: 50px">
                            <div class="tuyendung">
                                <label class="tuyendungtitle">Quản lý</label>
                                <label>Thứ bảy, 07/08/2013</label>
                                <p>Anticaest porei plint? Consilis vissedefaut vitius, quo vitam pullesseri sendam concerf ectastra nit.
                                    Ampl. Cia se et ad clem omaximo ribuspec ocavehe berum, non sillabus</p>
                            </div>


                            <div class="tuyendung">
                                <label class="tuyendungtitle">Nhân viên pha chế</label>
                                <label>Thứ bảy, 07/08/2013</label>
                                <p>Anticaest porei plint? Consilis vissedefaut vitius, quo vitam pullesseri sendam concerf ectastra nit.
                                    Ampl. Cia se et ad clem omaximo ribuspec ocavehe berum, non sillabus</p>
                            </div>


                            <div class="tuyendung">
                                <label class="tuyendungtitle">Phục vụ</label>
                                <label>Thứ bảy, 07/08/2013</label>
                                <p>Anticaest porei plint? Consilis vissedefaut vitius, quo vitam pullesseri sendam concerf ectastra nit.
                                    Ampl. Cia se et ad clem omaximo ribuspec ocavehe berum, non sillabus</p>
                            </div>


                            <div class="tuyendung">
                                <label class="tuyendungtitle">Bảo vệ</label>
                                <label>Thứ bảy, 07/08/2013</label>
                                <p>Anticaest porei plint? Consilis vissedefaut vitius, quo vitam pullesseri sendam concerf ectastra nit.
                                    Ampl. Cia se et ad clem omaximo ribuspec ocavehe berum, non sillabus</p>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/bootstrap.js"></script>
        <script type="text/javascript">
            $('.carousel').carousel({
                interval: 5000
            })
        </script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('.viewport').mouseenter(function(e) {
                    $(this).children('a').children('img').animate({height: '220', left: '0', top: '0', width: '265'}, 100);
                    $(this).children('a').children('span').fadeIn(200);

                }).mouseleave(function(e) {
                    $(this).children('a').children('img').animate({height: '220', left: '0', top: '0', width: '265'}, 100);
                    $(this).children('a').children('span').fadeOut(200);
                });
            });
        </script>
        <footer>
            <div class="container" >
                <div class="pull-left offset1" style="width: 400px; position: absolute; color: white; margin-top: 50px">
                    <label style="font-weight: bold">Địa Chỉ:</label>
                    <label>1A Hồng Hà, P.2, Q.Tân Bình, Tp.Hồ Chí Minh</label>
                    <label>Điện thoại: 0839304040</label>
                    <label>Email: admin@paschinocoffee.com</label>
                </div>
                <div class="imagefooter">
                    <img src="img/DELIVERY.png">
                </div>
                <div class="row-fluid" style="height: 200px">
                    <img style="max-height: 200px; min-height: 200px; width: 1024px" src='img/footer_purple.png'>
                </div>
                <div class="row-fluid" style="padding-top: 10px;">
                    <img style="height: 50px; width: 100%" src='img/footer.png'>
                </div>
            </div>  

        </footer>
    </body>


</html>
